<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>wo</title>
    <style>
        #banner{
            background-image: url(6.jpeg);
            background-position: 50% 50%;
            height: 300px;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            margin-bottom: 0;
        }
        #bg{
            background-image: url(7.jpg);
            height: 640px;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            margin: 0;
        }
       
        .xx{
            width: 900px;
            height: 200px;
            font-size: 30px;
            color: rebeccapurple;
            margin-top: 110px;
            margin-left: 140px;
        }
        #ge{
            margin: 0;
        }
        .a{
            font-size: 30px;
            font-family: 楷体;  
        }
        .b{
            font-size: 60px;
            font-family: 楷体; 
        }
        body{
            width: 100%;
            height: 100%;
            margin: 0;
        }
    </style>
</head>
<body>
    <div id="banner"></div>
    <div id="bg">
        <h1 id="ge">个人简介</h1>
        <table>
            <tr>
                <td class="xx"> &nbsp;&nbsp;姓&nbsp;名: 哈 撒 给</td>
                <td class="a"> 人生格言：</td>
            </tr>
            <tr>
                <td class="xx"> &nbsp;&nbsp;爱&nbsp;好：剑</td>
                <td class="b"> 死亡如风<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;常伴吾身</td>
            </tr>   
        </table>
    </div>
</body>
</html>